<template>
  <div id="app">
    <h-eader></h-eader>
    <menu-list></menu-list>
    <div class="window">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import Header from '@/components/Header'
import MenuList from '@/components/MenuList'
export default {
  name: 'app',
  created(){
    console.log(this.Global);
  },
  components:{
      'h-eader':Header,
      'menu-list':MenuList
    }
}
</script>

<style lang="less" rel="stylesheet/less">
@import "./lib/reset.less";
#app {
  width:100%;
  height:100%;
  position: relative;
  .window{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-left: 50px;
    background-color: #ecf0f5;
  }
}
</style>